define(['zepto', 'butterfly/view','../../bsl',
    'text!./webview_pullrefresh.html'
], function($, View, bsl, webview_pullrefresh) {
    var me = null;

    var view = View.extend({
        events: {

            // ！！！！ 由于 引入 touch.js 后，tap事件会变成双击，所以 本页面内不能使用tap，用click代替。
            "tap .openDoc" : "openDoc",
            "tap #back" : "back",

      
        },
        render: function() {
            me = this;
        },

        onShow: function() {

            // 绑定自定义事件 滑动切换日历等 
             list=document.getElementById("list");          
            this.bslReady();

        },
          ws:null,
         list:null,
        // 扩展API加载完毕，现在可以正常调用扩展API 
        bslReady:function (){
            ws=bsl.webview.currentWebview();
            ws.setPullToRefresh({support:true,
                height:"50px",
                range:"200px",
                contentdown:{
                    caption:"下拉可以刷新"
                },
                contentover:{
                    caption:"释放立即刷新"
                },
                contentrefresh:{
                    caption:"正在刷新..."
                }
            },onRefresh);
        },
        // 判断扩展API是否准备，否则监听"bslready"事件
        // if(window.bsl){
        //     bslReady();
        // }else{
        //     document.addEventListener("bslready",bslReady,false);
        // }
        // DOM构建完成获取列表元素
        // document.addEventListener("DOMContentLoaded",function(){
        //     list=document.getElementById("list");
        // })
        // 刷新页面
        onRefresh:function (){
            setTimeout(function(){
                if(list){
                    var item=document.createElement("li");
                    item.innerHTML="<span>New Item "+(new Date())+"</span>";
                    list.insertBefore(item,list.firstChild);
                }
                ws.endPullToRefresh();
            },1000);
        },
          back : function(e){
            window.history.go(-1);
        },
        openDoc:function(){
             window.butterfly.navigate('/doc/events.html', {
                trigger: true
            });


        },
       
             
            });
    return view;
});
